@import "base", "header","footer";
.contarner{
	width:100%;
    height:auto;
    overflow:hidden;
}
.banner{
	position:relative;
	width:100%;
	height:450px;
	overflow:hidden;
	img{ 
		width:100%;
	}
	.login{
		position:absolute;
	    top:50%;
	    left:50%;
	    z-index:1;
	    margin-left:-602px;
	    margin-top:-180px;
		.login-container{
			position:absolute;
			right:0;
			background-color:#fff;
			padding:10px 20px;
			width:300px;
			height:360px;
			overflow:hidden;
			ul{
				position:relative;
				width:100%;
				height:50px;
				li{
					float:left;
					width:50%;
					text-align:center;
					color:#8a8a8a;
					font:16px/50px "Microsoft YaHei","Helvetica Neue";
					cursor: pointer;
				}
				.active{
					font:bold 18px/50px "Microsoft YaHei","Helvetica Neue";
					color:#555;
				}
				.line{
                    position:absolute;
                    width:36%;
                    height:3px;
                    background-color:#edb60c;
                    left:7%;
                    bottom:0;
					-moz-transition: left .5s; /* Firefox 4 */
					-webkit-transition: left .5s; /* Safari 和 Chrome */
					-o-transition: left .5s; /* Opera */
                    transition: left .5s;
				}
			}
			.login-list{
				.form{
                    display:none;
                    .input-list{
                     	width:100%;
                     	height:46px;
                     	background-color:#eee;
                     	margin-top:20px;
                     	i{
                     		margin: 10px 10px 0;
                     		width: 27px;
                     		height:27px;
                     		float: left;
                     		display:block;
                     		background-image:url("../images/wasp.png");
                     		background-repeat: no-repeat;
                     	}
                     	input{
                     		float:left;
                     		width:210px;
                     		height:100%;
                     		background:none;
                     		border:none;
                     		outline:none;
                     		font:16px/46px "Microsoft YaHei","Helvetica Neue";
                     	}
                    }
                    .name{
                     	i{
                     		background-position: -105px 0;
                     	}
                    }
                    .error-prompt{
                    	display:none;
                    	width:100%;
                    	height:auto;
			            overflow:hidden;
			            margin-top:10px;
                    	p{
                    		font:14px/1 "Microsoft YaHei","Helvetica Neue";
                    		color:red;
                    	}
                    }
                    .password{
                        i{
                         	background-position: -134px 0;
                        }
                    }
                    .btn{
                     	margin-top:20px;
                     	width:260px;
					    height:auto;
					    overflow:hidden;
                     	a{
                     		float:left;
                            display:block;
                            width:120px;
                            text-decoration:none;
                            text-align:center;
                            font:16px/46px "Microsoft YaHei","Helvetica Neue";
                     	}
                     	.login-btn{	
                     		background-color:#f9b90a;
                     		color:#1f1f1f;
                     	}
                     	.register-btn{
                     		margin-left:20px;
                            color:#fab115;
                            border:2px solid #fab115;
                            line-height:42px;
                     	}
                    }
                    .forget-password{
                    	margin-top:10px;
                     	width:100%;
					    height:auto;
					    overflow:hidden;
					    font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
					    span{
					    	color:#a0a0a0;
					    	input{
					    	    vertical-align: middle;
					    	}
					    }
					    a{
					    	color:#a0a0a0;
					    	float: right;
					    	text-decoration:none;
					    }
                    }
                    .third-party{
                    	margin-top:10px;
					    height:auto;
					    overflow:hidden;
					    span{
					    	float:left;
					    	color:#a0a0a0;
					    	font:14px/2 "Microsoft YaHei","Helvetica Neue";
					    }
                    	a{
                            width:29px;
                     		height:28px;
                     		float: left;
                     		display:block;
                     		background-image:url("../images/wasp.png");
                     		background-repeat: no-repeat;
                     		margin-left:10px;
                    	}
                    	.Wechat{
                    		background-position: 0 0;
                    	}
                    	.microblog{
                    		background-position: -34px 0;
                    	}
                    	.qq{
                    		background-position: -70px 0;
                    	}
                    }
				}
				.login-success{
					padding:30px 0;
					text-align:center;
					.img{
						margin:0 auto;
						width:100px;
						height:100px;
						border-radius:100%;
						img{
							border-radius:100%;
							min-width:100%;
							vertical-align: middle;
						}
					}
					p{
                       font:14px/30px "Microsoft YaHei","Helvetica Neue";
                       margin:20px 0;
					}
					.get-into{
						width:60%;
						margin:0 auto;
						border-radius:5px;
						display:block;
						background-color:#f9b90a;
						font:14px/30px "Microsoft YaHei","Helvetica Neue";
						color:#fff;
						text-decoration:none;
					}
					.close{
                       margin-top:10px;
                       display:block;
                       font:14px/30px "Microsoft YaHei","Helvetica Neue";
                       text-decoration:none;
                       text-align: center;
					}
				}
			}
		}
	}
}
.icon-list{
	width:100%;
	padding:30px 0;
	height: auto;
    overflow: hidden;
	.list-text{
		float:left;
		width: 200px;
        margin:20px 20px;
		text-align:center;
		padding:30px 20px;
		cursor:pointer;
		border:1px solid #fff;
        -moz-transition: all .5s; /* Firefox 4 */
		-webkit-transition: all .5s; /* Safari 和 Chrome */
		-o-transition: all .5s; /* Opera */
	    transition: all .5s;
		.top{
			margin:0 auto;
			border-radius:100%;
			width:147px;
			height:147px;
			-moz-transition: all .5s; /* Firefox 4 */
			-webkit-transition: all .5s; /* Safari 和 Chrome */
			-o-transition: all .5s; /* Opera */
			transition: all .5s;
			i{
				display:block;
				width:147px;
				height:147px;
				background-image:url("../images/wasp.png");
	            background-repeat: no-repeat;
			}
		}
		h2{
			font:18px/2.4 "Microsoft YaHei","Helvetica Neue";
			color:#545454;
		}
		p{
			font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
			color:#9a9a9a;
		}
	}
	.effect{
		.top{
			i{
	            background-position:-1px -84px;
			}
		}
	}
	.praise{
        .top{
			i{
	            background-position:-153px -84px;
			}
		}
	}
	.directional{
        .top{
			i{
				background-position:-307px -84px;
			}
		}
	}
	.marketing{
        .top{
			i{
				background-position:-459px -84px;
			}
		}
	}
	.data{
        .top{
			i{
	            background-position:-612px -84px;
			}
		}
	}
	.active{
		-moz-box-shadow:-5px 0 10px #f2f2f2, /*左边阴影*/  
				    5px 0 10px #f2f2f2, /*右边阴影*/  
				    0 0 5px #f2f2f2, /*顶部阴影*/    
				    0 5px 10px #f2f2f2; /*底边阴影*/
		-webkit-box-shadow:-5px 0 10px #f2f2f2, /*左边阴影*/  
				    5px 0 10px #f2f2f2, /*右边阴影*/  
				    0 0 5px #f2f2f2, /*顶部阴影*/    
				    0 5px 10px #f2f2f2; /*底边阴影*/
        box-shadow:-5px 0 10px #f2f2f2, /*左边阴影*/  
				    5px 0 10px #f2f2f2, /*右边阴影*/  
				    0 0 5px #f2f2f2, /*顶部阴影*/  
				    0 5px 10px #f2f2f2; /*底边阴影*/  
	    .top{
	    	-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg); 	/* Opera */
	    	transform:rotate(360deg);
	    }    
	}
	.effect.active{
		.top{
	    	i{
	    		background-position:-1px -243px;
	    	}
	    }
	}
	.praise.active{
        .top{
			i{
	            background-position: -153px -243px;
			}
		}
	}
	.directional.active{
        .top{
			i{
	            background-position:-307px -243px;
			}
		}
	}
	.marketing.active{
        .top{
			i{
	            background-position:-459px -243px;
			}
		}
	}
	.data.active{
        .top{
			i{
	            background-position:-612px -243px;
			}
		}
	}
}
.live-telecast{
	margin-top:70px;
	padding:20px 0 40px 0;
	width:100%;
	height: auto;
	background:url("../images/live_telecast_bg.png") no-repeat;
	.live-top{
	    position:relative;
		width:100%;
		margin-top:-100px;
		height:66px;
		border-bottom:2px solid #999;
		ul{
		    position:absolute;
			width:374px;
		    height:66px;
		    left:50%;
		    bottom:-4px;
		    margin-left:-187px;
		    li{
		    	float:left;
		    	width:186px;
		    	font:24px/66px "Microsoft YaHei","Helvetica Neue";
		    	text-align:center;
		    	cursor:pointer;
		    }
		    .live-telecast-list{
		    	i{
		    		width:38px;
		    		height:40px;
		    		display:inline-block;
		    		background:url("../images/wasp.png") -298px -40px no-repeat;
		    		vertical-align: middle;
		    		margin-right: 10px;
		    	}
		    }
		    .video{
		    	i{
		    		width:34px;
		    		height:35px;
		    		display:inline-block;
		    		background:url("../images/wasp.png") -218px -37px no-repeat;
		    		vertical-align: middle;
		    		margin-right: 10px;
		    	}
		    }
		    .active{
		    	border:2px solid #999;
		    	border-bottom:2px solid #fff;
		    	font:bold 30px/60px "Microsoft YaHei","Helvetica Neue";
		    }
		    .active.live-telecast-list{
		    	i{
		    		background:url("../images/wasp.png") -262px -40px no-repeat;
		    	}	
		    }
		    .active.video{
		    	i{
		    		background:url("../images/wasp.png") -220px 0 no-repeat;
		    	}
		    }
		}
	}
	.live-text{
		.live-text-list{
			display:none;
		}
		.title-info{
			padding:30px 0 10px;
			width:100%;
	    	font:12px/2 "Microsoft YaHei","Helvetica Neue";
	    	color:#fff;
	    	text-align:center;
		}
		.text-ul{
			width:100%;
			height: auto;
			ul{
				width:918px;
				height: auto;
			    overflow:hidden;
				margin:0 auto;
				li{
					float:left;
					width:102px;
					color:#fff;
					font:18px/2 "Microsoft YaHei","Helvetica Neue";
					text-align:center;
					cursor:pointer;
				}
				.active{
					font-weight:bold;
				}
			}
			.live-text-list-container{
				width:1244px;
				margin-left:-40px;
				height: auto;
			    overflow:hidden;
			    background:rgba(255,255,255,.5);
			    .list{
			    	padding:20px;
			    	height: auto;
			        overflow:hidden;
			        display:none;
			    	.big-img-list{
			    		position:relative;
			    		float:left;
			    		width:240px;
			    		height:177px;
			    		text-align:center;
			    		vertical-align: middle;
			    		font-size:0;
			    		cursor:pointer;
			    		.layer-list{
			    			position:absolute;
			    			top:0;
			    			right:0;
			    			bottom:0;
			    			left:0;
			    			display:none;
			    			background:rgba(0,0,0,.8);
			    			h3{
			    				padding-top:30px;
			    				font:18px/2 "Microsoft YaHei","Helvetica Neue";
			    				color:#fff;
			    			}
			    			p{
			    				padding:0 50px;
			    				font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
			    				color:#fff;
			    				text-align:left;
			    				span{
			    					color:#ffb800;
			    				}
			    			}
			    			a{
			    				margin:10px auto 0;
			    				display:block;
			    				width:36%;
			    				background-color:#ffb800;
			    				font:14px/2 "Microsoft YaHei","Helvetica Neue";
			    				text-decoration:none;
			    				color:#fff;
			    			}
			    		}
			    	}
			    	.more{
		    			width:238px;
		    		    height:177px;
		    		    display:block;
		    		    background-image:url("../images/more.png");
			            background-repeat: no-repeat;
			            background-position:0 0;
		    		}
		    		.more:hover{
		    			background-position:0 -183px;
		    		}
			    	.active{
			    		.layer-list{
			    			display:block;
			    		}
			    	}
			    	.small-img-list{
			    		float:left;
			    		width:133px;
			    		height:102px;
			    		text-align:center;
			    		vertical-align: middle;
			    		font-size:0;
			    		img{
			    			min-height:100%;
			    			min-weight:100%;
			    			vertical-align: middle;
			    		}
			    	}
			    }
			}
		}
	}	
}
.title{
	position:relative;
	height: auto;
	border-bottom:2px solid #9b9b9b;
	h3{
		position:absolute;
		left:40px;
		bottom:-2px;
		width:230px;
		height:70px;
		font:bold 30px/70px "Microsoft YaHei","Helvetica Neue";
		color:#000;
		border:2px solid #9b9b9b;
		border-bottom:2px solid #fff;
		text-align:center;
	}
	p{
		font:14px/2.4 "Microsoft YaHei","Helvetica Neue";
		margin-left:280px;
		color:#6f6f6f;
	}
}
.WeChat-title{
	i{
		width:50px;
		height:37px;
		background:url("../images/wasp.png") -267px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.Micro-title{
	i{
		width:40px;
		height:35px;
//		background:url("../images/wasp.png") -608px 0 no-repeat;
		background:url("../images/wasp.png") -329px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.soft-title{
	i{
		width:34px;
		height:37px;
		background:url("../images/wasp.png") -380px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.bee-title{
	i{
		width:40px;
		height:36px;
		background:url("../images/wasp.png") -425px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.specialist-title{
	i{
		width:34px;
		height:36px;
		background:url("../images/wasp.png") -476px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.WeChat-promotion{
	width:100%;
	height:auto;
	padding:100px 0 40px 0;
	background-color:#fff;
	.WeChat-nav{
		width:918px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:102px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.WeChat-text-all{
		.WeChat-text-list{
			display:none;
			.list-top{
				padding:0 20px;
				width: 100%;
			    height: auto;
			    overflow: hidden;
				li{
					float:left;
                    width:33.33333%;
                    padding-bottom:10px;
                    .name{
                    	height: auto;
	                    overflow:hidden;
	                    margin-bottom:20px;
                    	img{
                    		float:left;
                            width:90px;
                            height:90px;
                    	}
                    	.text{
                            margin-left:100px;
                            h3{
                                font:bold 16px/1.5 "Microsoft YaHei","Helvetica Neue";
                            }
                            h4{
                                font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
                            }
                            .text-num{
                            	margin-top:10px;
                            	dd{
                            		float:left;
                            		margin-right:10px;
                            		width:60px;
                            		p{
                            			font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
                            			color:#242424;
                            			text-align:center;
                            		}
                            		.num{
                        				color:#f79700;
                        				font-weight:bold;
                        			}
                            	}
                            }
                    	}
                    }
                    a{
                    	position:relative;
                    	z-index:1;
                    	margin:-10px auto;
                    }
				}
			}
			.list-bottom{
				margin-top:20px;
				height:auto;
				overflow:hidden;
				width:100%;
				background-color:#eee;
				li{
					float:left;
					width:211px;
					text-align:center;
					padding:17px 10px;
					.headImg{
						position:relative;
						margin:0 auto;
						width:45px;
						height:45px;
						border-radius:100%;
						i{
							position:absolute;
							right:0;
							bottom:0;
							display:block;
							width:13px;
							height:13px;
							background: url("../images/head_icon01.png") center center no-repeat;
						}
						img{
							width:100%;
							border-radius:100%;
						}
					}
					h3{
						font:bold 16px/1.5 "Microsoft YaHei","Helvetica Neue";
						color:#515151;
					}
					.text-num{
                    	margin-top:10px;
                    	height:auto;
				        overflow:hidden;
                    	dd{
                    		float:left;
                    		width:60px;
                    		p{
                    			font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
                    			color:#242424;
                    			text-align:center;
                    		}
                    		.num{
                				color:#f79700;
                				font-weight:bold;
                			}
                    	}
                    }
                    .more{
                    	margin-top:0px;
                    	width:148px;
                    	height:144px;
                    	border:none;
                        display: block;
					    background-image: url("../images/more.png");
					    background-repeat: no-repeat;
					    background-position: -248px 0;
					    &:hover{
					    	background-position: -248px -144px;
					    }
                    }
                    a{display:none;}
                    &:hover{
                    	background-color:#ffbe17;
                    	.text-num{display:none;}
                    	a{
                    		display:block;
                    		background-color:#fff;
                	        color:#000;
                    	}
                    }
                    &:last-child{
                	    float: right;
					    width: 149px;
					    padding: 0;
                    }
				}
			}
			a{
            	margin:10px auto 0;
            	display:block;
            	width:86px;
            	height:30px;
                background-color:#ffbe17;
                font:13px/30px "Microsoft YaHei","Helvetica Neue";
                color:#000;
                text-align:center;
                text-decoration:none;
                &:hover{
                	background-color:#000;
                	color:#fff;
                	border:none;
                }
            }
		}
	}
}
.Micro-blog{
	width:100%;
	height:auto;
	padding:70px 0 0 0;
	background-color:#fff;
	.Micro-container{
		padding:10px 0 30px 0;
		margin-top: 20px;
		width:100%;
		height:auto;
		background:url("../images/successful_bg02.jpg") no-repeat;
		background-size: 100% 100%;
	}
	.Micro-nav{
		width:918px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:102px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.Micro-text-all{
		.Micro-text-list{
			display:none;
			.Micro-top{
				height:210px;
				li{
					width:50%;
					float:left;
					.handImg{
						position:relative;
						float:left;
						width:182px;
						height:182px;
						border:5px solid #fff;
						border-radius:100%;
						i{
                            position:absolute;
							right:20px;
							bottom:0;
							display:block;
							width:28px;
							height:28px;
							border:3px solid #fff;
							background-color:#ffa200;
							border-radius:100%;
							font:bold 20px/1 "Microsoft YaHei","Helvetica Neue";
							color:#fff;
							text-align:center;
						}
                        img{
                        	width: 100%;
                            height: 100%;
                        	border-radius:100%;
                        }
					}
					.name{
						float:left;
						width:140px;
						margin:40px 0 0 10px;
						h3{
							font:18px/2 "Microsoft YaHei","Helvetica Neue";
							color:#000;
						    overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
						}
						dl{
							height: auto;
                            overflow: hidden;
							dd{
								float:left;
								width:60px;
								p{
									font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
								}
							}
						}
						a{
							margin-top:10px;
						    display: block;
						    width: 86px;
						    background-color: #ffbe17;
						    font: 13px/1.8 "Microsoft YaHei","Helvetica Neue";
						    color: #000;
						    text-align: center;
						    text-decoration: none;
						    &:hover{
			                	background-color:#000;
			                	color:#fff;
			                }
						}
					}
					.microChart{
                        float:left;
					}
				}
			}
			.Micro-bottom{
				margin-top:20px;
				height:auto;
				overflow:hidden;
				width:100%;
				li{
					float:left;
					width:200px;
					text-align:center;
					padding:20px 10px;
					.handImg{
						position:relative;
						margin:0 auto;
						width:80px;
						height:80px;
						border:3px solid #fff;
						border-radius:100%;
						i{
                            position:absolute;
							right:5px;
							bottom:0;
							display:block;
							width:14px;
							height:14px;
							border:1px solid #fff;
							background-color:#ffa200;
							border-radius:100%;
							font:bold 10px/.9 "Microsoft YaHei","Helvetica Neue";
							color:#fff;
							text-align:center;
						}
                        img{
                        	width: 100%;
                            height: 100%;
                        	border-radius:100%;
                        }
					}
					h3{
					    margin-bottom:10px;
						font:16px/1.5 "Microsoft YaHei","Helvetica Neue";
						color:#000;
					}
					.name{
                    	margin-top:10px;
                    	height:auto;
				        overflow:hidden;
				        dl{
				        	height:auto;
				            overflow:hidden;
				            margin-left:30px;
				        }
                    	dd{
                    		float:left;
                    		width:60px;
                    		p{
                    			font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
                    			color:#434343;
                    			text-align:center;
                    		}
                    		.num{
                				font-weight: bold;
                				color:#000;
                			}
                    	}
                    }
                    a{
                    	margin:10px auto 0;
                    	display:block;
                    	width:70px;
                        border:1px solid #434343;
                        font:13px/1.5 "Microsoft YaHei","Helvetica Neue";
                        color:#000;
                        text-align:center;
                        text-decoration:none;
                        &:hover{
		                	background-color:#000;
		                	color:#fff;
		                }
                    }
                    .more{
                    	margin-top:10px;
                    	width:181px;
                    	height:181px;
                    	border:none;
                        display: block;
					    background-image: url("../images/more.png");
					    background-repeat: no-repeat;
					    background-position: -415px 0;
					    &:hover{
					    	background-position: -415px -183px;
					    	border-radius:100%;
					    	width:181px;
                    	    height:181px;
					    }
                    }
				}
			}
		}
	}
}
.soft-wen{
	width:100%;
	height:auto;
	padding:110px 0 40px 0;
	background-color:#fff;
	.soft-nav{
		width:800px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:200px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.soft-text-all{
		.soft-text-list{
			display:none;
			.soft-top{
				padding:0 20px;
				width: 100%;
			    height: auto;
			    overflow: hidden;
				li{
				    float: left;
				    width: 194px;
				    text-align: center;
				    padding:10px 5px;
				    a{
				    	text-decoration:none;
				    	color:#000;
				    }
				    .img{
				    	border:1px solid #f2f2f2;
				    	overflow: hidden;
					    text-align: center;
					    vertical-align: middle;
					    img{
					    	vertical-align: middle;
					    	max-width: 100%;
   							max-height: 100%;
					    }
				    }
				    p{
				    	font:12px/2 "Microsoft YaHei","Helvetica Neue";
				    }
				}
				.active{
					.img{
						border:2px solid #ffbe17;
						margin:-1px;
					}
				}
			}
		}
	}
	.div-soft-bottom{
		.soft-bottom{
			margin-top:20px;
			height:auto;
			overflow:hidden;
			width:100%;
			li{
				position:relative;
				float:left;
				width:280px;
				text-align:center;
				margin:10px;
				overflow: hidden;
			    text-align: center;
			    vertical-align: middle;
			    font-size:0;
			    cursor:pointer;
			    img{
		    		vertical-align: middle;
			    	max-width: 100%;
					max-height: 100%;
		    	}
		    	.mask{
		    		position:absolute;
		    		top:0;
		    		left:0;
		    		right:0;
		    		bottom:0;
		    		display:none;
		    		background:rgba(255,190,23,.8);
		    		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffbe17,endColorstr=#C8ffbe17);
		    	    a{
		    	    	margin: 45px auto 0;
		    	    	display:block;
                        width: 100px;
				    	text-decoration:none;
				    	color:#000;
				    	font:16px/2 "Microsoft YaHei","Helvetica Neue";
				    	background-color:#fff;
				    }
		    	}
			}
			.active{
				.mask{display:block;}
			}
		}
	}
}
.bee-effect-index{
    .bee-container{
        background:url("../images/bee_bg.jpg") no-repeat; 
        .bee-nav {
            li{
              border:1px solid #fff !important;   
              background:transparent !important;
            }
           .active{
                color:#363636 !important;
                background-color:#fff !important;
                border:1px solid #fff !important; 
            }  
        }
    }
}
.bee-effect{
	width:100%;
	height:auto;
	padding:70px 0 0 0;
	background-color:#fff;
	.bee-container{
		padding:10px 0 30px 0;
		margin-top: 20px;
		width:100%;
		height:auto;
		overflow:hidden;
		// background:url("../images/bee_bg.jpg") no-repeat;
		.bee-nav{
			float:left;
			padding:80px 25px;
			li{
				margin:10px 0;
				width:150px;
				font:18px/60px "Microsoft YaHei","Helvetica Neue";
				border:1px solid #bfbfbf;
				background-color:#fff;
				color:#000;
				text-align:center;
				cursor:pointer;
			}
			.active{
                color:#fff;
                background-color:#bfbfbf
			}
		}
		.bee-text-all{
			margin-left:220px;
			.bee-text-list{
				display:none;
				height:auto;
				overflow:hidden;
			}
			.bee-content{
                 padding:48px 0;
				.bee-content-list{
					float:left;
                    width:316px;
                    height:110px;
                    background-color:#fff;
                    padding:7px 0 0 10px;
                    margin:0 10px 10px 0;
                    .headImg{
                    	float:left;
                    	width:94px;
                    	height:94px;
                    	border:2px solid #fff;
                    	border-radius:100%;
                    	overflow:hidden;
                    	box-shadow:1px 1px 3px #ccc;
                    	img{
                    		width:100%;
                    		height:100%;
                    	}
                    }
                    .name{
                    	margin-left:106px;
                    	h3{
                    		font:bold 18px/1.5 "Microsoft YaHei","Helvetica Neue";
                    	    color:#000;
                    	}
                    	p{
                    		font:12px/1.5 "Microsoft YaHei","Helvetica Neue";
                    		color:#ff9c00;
                    		text-overflow: ellipsis;
						    overflow: hidden;
						    white-space: nowrap;
                    	}
                    	a{
                    		margin-top:5px;
						    display: none;
						    width:74px;
						    border: 1px solid #ff9c00;
						    font: 12px/2 "Microsoft YaHei","Helvetica Neue";
						    color: #ff9c00;
						    text-align: center;
						    text-decoration: none;
                    	}
                    }
                    h2{
                       font: 30px/1.5 "Microsoft YaHei","Helvetica Neue";
                       text-align:center;
                       color:#000;
                    }
                    a{
                    	display:block;
                    	font: 18px/1.5 "Microsoft YaHei","Helvetica Neue";
                    	text-align:right;
                    	text-decoration: none;
                    	color:#000;
                    }
				}
				.bee01{
					background:linear-gradient(-45deg, transparent 2em, #f1f1f1 0);
					margin:45px 20px 20px 35px;
				}
				.bee02{
					background:linear-gradient(-45deg, transparent 2em, #f1f1f1 0);
				}
				.bee03{
					background:linear-gradient(135deg, transparent 2em, #f1f1f1 0);
					margin:80px 0 20px -30px;
					padding-left:20px;
				}
				.bee04{
					background:linear-gradient(45deg, transparent 2em, #f1f1f1 0);
					margin:-30px 20px 0 -10px;
					padding-left:20px;
				}
				.bee05{
					background:linear-gradient(135deg, transparent 2em, #f1f1f1 0);
					margin:-80px 20px 20px 0;
					padding-left:20px;
				}
				.bee06{
					background:linear-gradient(-135deg, transparent 2em, #f1f1f1 0);
					margin:0 0 0 5px;
				}
				.bee07{
					background:linear-gradient(45deg, transparent 2em, #f1f1f1 0);
					margin:-60px 0 0 330px;
					height:auto;
					padding:10px 30px;
				}
				.active.bee-content-list{
					.name{     	
                    	h3{
                    	    color:#fff;
                    	}
                    	p{
                    		color:#fff;
                    	}
                    	a{
						    border: 1px solid #ffbe17;				  
						    color: #000;
						    background-color:#fff;
						    display:block;
                    	}
                    }
                    h2{
                       color:#fff;
                    }
				}
				.active.bee01{
					background:linear-gradient(-45deg, transparent 2em, #ffbe17 0);
					margin:45px 20px 20px 35px;
				}
				.active.bee02{
					background:linear-gradient(-45deg, transparent 2em, #ffbe17 0);
				}
				.active.bee03{
					background:linear-gradient(135deg, transparent 2em, #ffbe17 0);
					margin:80px 0 20px -30px;
				}
				.active.bee04{
					background:linear-gradient(45deg, transparent 2em, #ffbe17 0);
					margin:-30px 20px 0 -10px;
				}
				.active.bee05{
					background:linear-gradient(135deg, transparent 2em, #ffbe17 0);
					margin:-80px 20px 20px 0;
				}
				.active.bee06{
					background:linear-gradient(-135deg, transparent 2em, #ffbe17 0);
					margin:0 0 0 5px;
				}
				.active.bee07{
					background:linear-gradient(45deg, transparent 2em, #ffbe17 0);
					margin:-60px 0 0 330px;
					height:auto;
					padding:10px 30px;
				}
			}
		}
	}
}
.specialist{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:70px 0 40px 0;
	background-color:#fff;
	.specialist-list{
		float:left;
		margin:60px 10px 0;
		width:280px;
		height:456px;
		overflow:hidden;
		border:1px solid #eee;
		box-shadow:-3px 0 10px rgba(0,0,0,.1), /*左边阴影*/  
	    3px 0 10px rgba(0,0,0,.1), /*右边阴影*/  
	    0 -3px 10px rgba(0,0,0,.1), /*顶部阴影*/  
	    0 3px 10px rgba(0,0,0,.1); /*底边阴影*/ 
		font-size:0;
		cursor:pointer;
		&:nth-child(2n){
			margin-top:100px;
		}
		h2{
			padding:10px 0 0 10px;
			font:bold 24px/2 "Microsoft YaHei","Helvetica Neue";
			color:#363636;
			span{
				font-size:18px;
				font-weight:normal;
			}
		}
		p{
			color: #363636;
		    padding: 0 10px 0 50px;
		    font: 14px/1.2 "Microsoft YaHei","Helvetica Neue";
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    margin-bottom: 10px;
		}
	}
	.front{	
	    height:360px;		
		img{
			width:100%;
			height:auto;
		}
	}
	.reverse{
		background:rgba(255,255,255,.7);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);
		height:360px;
		-moz-transition: all .5s; /* Firefox 4 */
		-webkit-transition: all .5s; /* Safari 和 Chrome */
		-o-transition: all .5s; /* Opera */
		transition:all .5s;
		p{
			padding:10px 10px 10px 10px;
			height:360px;
			font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
			color:#363636;
		}
	}
	.active{
		.reverse{
			-ms-transform:translate(0 ,-100%);	/* IE 9 */
			-moz-transform:translate(0 ,-100%); 	/* Firefox */
			-webkit-transform:translate(0 ,-100%); /* Safari 和 Chrome */
			-o-transform:translate(0 ,-100%); 	/* Opera */
			transform: translate(0 ,-100%);
		}
	}
}
.successful{
	margin-top:60px;
	width:100%;
	height:auto;
	background:url("../images/successful_bg1.jpg") no-repeat;
    overflow:hidden;
	.successful-title{
		text-align:center;
		margin-bottom:20px;
		h2{
			position:relative;
            font:bold 30px/2 "Microsoft YaHei","Helvetica Neue";
            color:#363636;
            &:before{
               position:absolute;
               left:50%;
               bottom:15px;
               content:"";
               width:300px;
               height:1px;
               margin-left:-370px;
               background-color:#333;
            }
            &:after{
               position:absolute;
               right:50%;
               bottom:15px;
               content:"";
               width:300px;
               height:1px;
               margin-right:-370px;
               background-color:#333;
            }
		}
		p{
            font:14px/2 "Microsoft YaHei","Helvetica Neue";
            color:#6f6f6f;
		}
	}
	.successful-container{
		height:auto;
        overflow:hidden;
        padding:0px 0 30px 0;
	}
	.successful-ul{
		margin:0 auto;
		width:545px;
		height:auto;
        overflow:hidden;
		li{
			width:161px;
			height:185px;
			background-image:url("../images/wasp.png");
            background-repeat: no-repeat;
            background-position:0 -416px;
            float:left;
            margin:0 10px;
            padding:50px 0 0 0;
            text-align:center;
            cursor:pointer;
            i{
                margin:0 auto;
            	width:36px;
            	height:39px;
            	display:block;
                background-image:url("../images/wasp.png");
	            background-repeat: no-repeat;
            }
            .i-list1{
	            background-position:-210px -416px;
            }
            .i-list2{
	            background-position:-255px -416px;
            }
            .i-list3{
            	background-position:-302px -416px;
            }
            .i-list4{
            	background-position:-484px -416px;
            	width:40px;
            }
            .i-list5{
            	background-position:-402px -416px; 
            }
            .i-list6{
                background-position:-446px -416px;
            }
            h3{
               font:bold 20px/2 "Microsoft YaHei","Helvetica Neue";	
               color:#000;
            }
            a{
            	text-decoration:none;
            	color:#666;
            	p{
                    font:14px/1.5 "Microsoft YaHei","Helvetica Neue";	
            	}
            	h3{
            		font-weight:100;
                    font:30px/1.5 "Microsoft YaHei","Helvetica Neue";
            	}
            }
		}
		.active{
			background-position:0 -606px;
			.i-list1{
	            background-position:-210px -461px;
            }
            .i-list2{
	            background-position:-255px -461px;
            }
            .i-list3{
            	background-position:-302px -461px;
            }
            .i-list4{
            	background-position:-484px -461px;
            	width:40px;
            }
            .i-list5{
            	background-position:-402px -461px; 
            }
            .i-list6{
                background-position:-446px -461px;
            }
			h3{
				color:#fff;
			}
			a{
            	text-decoration:none;
            	color:#fff;
            }
		}
		.one{
			margin-left:100px;
		}
		.bottom{
			margin-top:-35px
		}
	}
	.successful-text-all{
		margin-top:40px;
		.successful-text-list{
			display:none;
			width:100%;
			font-size:0;
			height:auto;
			overflow:hidden;
			background:rgba(255,255,255,.5);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);  //兼容IE8
			img{
				float:left;
				width:433px;
				height:246px;
			}
			.info-text{
				margin-left:433px;
				padding:20px;
				h2{
					 font:bold 24px/2 "Microsoft YaHei","Helvetica Neue";	
					 color:#000；
				}
				h3{
					 font:16px/1.5 "Microsoft YaHei","Helvetica Neue";	
					 color:#000；
				}
				p{
					 font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
					 color:#000；	
				}
			}
			a{
				position:absolute;
				margin:8px 0 0 1084px;
			    display:block;
                width:120px;
                font:14px/30px "Microsoft YaHei","Helvetica Neue";
                text-decoration:none;
                text-align:center;
                color:#000;
                background-color:#e3a600;
			}
		}
	}
	.new-successful-ul{
		width: 600px;
	    height: auto;
	    overflow: hidden;
	    margin:0 auto;
	    li{
	    	margin:0 10px;
	    	float: left;
		    width: 100px;
		    color: #6f6f6f;
		    font: 18px/2 "Microsoft YaHei","Helvetica Neue";
		    text-align: center;
		    cursor: pointer;
	    }
	    .active{
	    	color: #000;
	    	font-weight:bold;
	    	border-bottom:3px solid #000;
	    }
	}
	.new-successful-text-all{
        >div{
        	margin-top:30px;
        	padding:20px 30px;
            display: none;
            background:rgba(255,255,255,.6);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff9b90a,endColorstr=#7ff9b90a); 
            h2{
	            color: #000;
			    font:italic 24px/2 "Microsoft YaHei","Helvetica Neue";
			    text-align: center;
			    margin-bottom:20px;

            }
            .content{
            	height:auto;
            	overflow:hidden;
               .l{
               	 width:305px;
               	 height:430px;
               	 overflow:hidden;
               	 float:left;
               	}
               .r{
               	  margin-left:365px;
                  h3{
                  	position:relative;
                  	font:18px/1.4 "Microsoft YaHei","Helvetica Neue";
                  	border-bottom:1px solid #ccc;
                  	margin-bottom:5px;
                  	>i{
                  		position:absolute;
                  		left:0;
                  		bottom:-1px;
                  		width:74px;
                  		height:1px;
                  		background-color:#ffbe17;
                  	}
                  }
                  p{
                  	font:16px/24px "Microsoft YaHei","Helvetica Neue";
                  	color:#555;
                  	a{
                  		float:right;
                  		font:14px/24px "Microsoft YaHei","Helvetica Neue";
                  		color:#8c8c8c;
                  		text-decoration:none;
                  	}
                  }
                  .rL{
                  	margin-top:50px;
                  	float:left;
                  	width:370px;
                  	p{
                  		width:90%;
                  	}
                  }
                  .rR{
                  	margin-top:50px;
                  	float:left;
                  	width:370px;
                  	margin-left:39px;
                  	.list{
                  		margin:10px 0;
                  		width:100%;
                  		height:auto;
                  		overflow:hidden;
                  		i{
                  			display: block;
                            float: left;
                  			width: 45px;
                  			height:45px;
                  			background-image:url("../images/wasp.png");
                  			background-repeat: no-repeat;  
                  		}
                  		.i1{background-position:-204px -509px;}
                  		.i2{background-position:-257px -509px;}
                  		ul{
                  			margin-left: 70px;
                  			li{
	                  			float: left;
	                  			width:100px;
	                  			p{font:14px/24px "Microsoft YaHei","Helvetica Neue";text-align:center;color:#3b3b3b;}
	                  			h4{font:22px/24px "Microsoft YaHei","Helvetica Neue";text-align:center;color:#555;}
	                  		}
                  		} 
                  	}
                  }
                  .rB{
                  	margin-top:50px;
                  	float:left;
                  	width:100%;
                  	height:auto;
                  	overflow:hidden;
                  	dl{
                  		margin-top:10px;
                  		dd{
	                  		float: left;
	                  		width: 33.3333%;
	                  		font:14px/40px "Microsoft YaHei","Helvetica Neue";
	                  		color:#555;
	                        i{
	                        	float:left;
	                        	width:40px;
	                        	height:40px;
	                        	margin-right:10px;
	                        	border-radius:100%;
	                        	border:1px solid #ccc;
	                        	overflow: hidden;
	                        	img{
	                        		width:100%;
	                        		height: 100%;
	                        		overflow: hidden;
	                        	}
	                        }
	                  	}
                  	}
                  }
               }
            }
        }
	}
}
.link{
	width:100%;
	height:auto;
    overflow:hidden;
    padding:100px 0;
    .link-title{
    	width:100%;
		height:auto;
	    overflow:hidden;
    	h2{
    		font:36px/2 "Microsoft YaHei","Helvetica Neue";
    		color:#000;	
    		text-align:center;
    		span{
    			font-weight:bold;
    		}
    	}
    	ul{
    		padding:0 50px;
    		li{
    			float:left;
    			width:33.3333%;
    			text-align:center;
    			h3{
                    font:32px/2 "Microsoft YaHei","Helvetica Neue";
                    color:#414141;
    			}
    			p{
                    font:12px/2 "Microsoft YaHei","Helvetica Neue";
                    color:#414141;
    			}
    		}
    	}
    }
    .link-img{
    	padding:5px;
    	margin-top:50px;
    	width:100%;
		height:auto;
	    overflow:hidden;
    	ul{
    		li{
    			float:left;
			    width: 180px;
			    margin:5px;
			    text-align: center;
			    padding:5px;
			    font-size:0;
			    border:1px solid #ccc;
			    img{
			    	vertical-align: middle;
				    max-width: 100%;
				    max-height: 100%;
			    }
    		}
    		.active{
    			border:1px solid #ffbe17;
    		}
    	}
    }
}
.back-top{
	position:fixed;
	top:300px;
	right:10px;
	z-index:2;
	.qq{
		 position:relative;
		 padding:5px 10px 0;
		 background:rgba(249,185,10,.5);
	     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff9b90a,endColorstr=#7ff9b90a); 
	     >a{
		     padding-bottom:50px;
	     	 width:29px;
	         height:34px;
	         display:block;
	         background-image:url("../images/wasp.png");
		     background-repeat: no-repeat;
		     background-position:0 -30px;
		     border-bottom:1px solid #fff;
		     text-decoration:none;
	     }
	     .list{
               position:absolute;
               top:0;
               right:50px;
               padding:0 10px;
               display:none;
               width:112px;
               background-color:#464646;
               ul li{
               	  text-align:center;
               	  border-bottom:1px solid #fff;
               	  overflow:hidden;
               	  &:last-child{
               	  	border:none;
               	  }
               	  i{
               	  	margin:15px 10px 0 0;
               	  	display:block;
               	  	width:14px;
               	  	height:16px;
               	  	background-image:url("../images/wasp.png");
				    background-repeat: no-repeat;
				    background-position:-74px -52px;
				    float:left;
               	  }
               	  a{
               	  	float:left;
               	  	text-decoration:none;
               	  	color:#fff;
               	  	font: 14px/46px "Microsoft YaHei","Helvetica Neue";
               	  }
               }
               ul .on{
               	i{
                  background-position:-91px -52px;
               	}
               	a{
               		color:#fdd427;
               	}
               }
               &:before{
               	  content:"";
               	  position:absolute;
               	  top:20px;
               	  right:-20px;
               	  width:0;
               	  height:0;
               	  border-width: 10px;
                  border-style: solid;
               	  border-color:transparent transparent transparent #464646;
               }
	     }
	}
	.active.qq{
		background:rgba(249,185,10,.8);
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8f9b90a,endColorstr=#C8f9b90a); 
	    >a{
	    	border-bottom:none;
	    } 
	    .list{
	    	display:block;
	    }  
	}
	.top{
		 background:rgba(249,185,10,.5);
		 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff9b90a,endColorstr=#7ff9b90a); 
		 overflow:hidden;
	     a{
	     	 margin:5px auto;
	       	 width:32px;
	         height:19px;
	         display:block;
			 background-image:url("../images/wasp.png");
		     background-repeat: no-repeat;
		     background-position:-666px 0;
	     }
	}
	.active.top{
		background:rgba(249,185,10,.8);
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8f9b90a,endColorstr=#C8f9b90a);     
	}
}

//WeChat_promotion
.WeChat-text-list{
	display:none;
	.promotion{
		margin-top:20px;
		height:auto;
		overflow:hidden;
		width:100%;
		li{
			float:left;
			width:198px;
			height:auto;
			border:1px solid #ffc100;
			text-align:center;
			margin:20px 21px;
			padding: 10px 0;
			.headImg{
				position:relative;
				margin:0 auto;
				width:45px;
				height:45px;
				border-radius:100%;
				i{
					position:absolute;
					right:0;
					bottom:0;
					display:block;
					width:13px;
					height:13px;
					background: url("../images/head_icon01.png") center center no-repeat;
				}
				img{
					width:100%;
					border-radius:100%;
				}
			}
			h3{
				font:bold 16px/1.5 "Microsoft YaHei","Helvetica Neue";
				color:#515151;
			}
			.text-num{
				padding:0 5px;
	        	margin-top:10px;
	        	height:auto;
		        overflow:hidden;
	        	dd{
	        		float:left;
	        		width:60px;
	        		p{
	        			font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
	        			color:#242424;
	        			text-align:center;
	        		}
	        		.num{
	    				color:#ffc100;
	    				font-weight:bold;
	    			}
	        	}
	        }
	        a{
	        	margin:20px auto 0;
	        	display:block;
	        	width:86px;
	            border:1px solid #ffbe17;
	            font:13px/2 "Microsoft YaHei","Helvetica Neue";
	            color:#ffbe17;
	            text-align:center;
	            text-decoration:none;
	        }
		}
		.active{
			background-color:#ffc100;
			h3{
				color:#fff;
			}
			.text-num{
	        	dd{
	        		p{
	        			color:#fff;
	        		}
	        		.num{
	    				color:#fff;
	    			}
	        	}
	        }
	        a{
	        	background-color:#fff;
	            border:1px solid #fff;
	        }
		}
	}
}
//蜂指数微信榜单
.bee-index{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:70px 0 40px 0;
	background-color:#efefef;
	.bee-index-title{
		padding-bottom:10px;
		h3{
			width:300px;
			border-bottom: 2px solid #efefef;
			top:-25px;
		}
		.time{
			margin-left:540px;
			height:33px;
			overflow:hidden;
			>div{
				float:left;
				margin-left:20px;
			}
			.date{
				font:13px/33px "Microsoft YaHei","Helvetica Neue";
				color:#000;
				span{
					margin-left:10px;
					border:1px solid #737373;
					color:#7d7d7d;
					height:31px;
					line-height:31px;
					display:inline-block;
					padding:0 10px;
					cursor: pointer;
					em{
						margin-left: 10px;
						width:13px;
						height:11px;
						display:inline-block;
						background:url("../images/wasp.png") -787px -84px no-repeat;
					}
				}
			}
			.territory{
				font:13px/33px "Microsoft YaHei","Helvetica Neue";
			    color:#000;
			    cursor: pointer;
				a{
					margin-left:10px;
					border:1px solid #737373;
					color:#7d7d7d;
					height:31px;
					line-height:31px;
					text-decoration:none;
					display:inline-block;
					padding:0 10px;
					em{
						margin-left: 10px;
						width:13px;
						height:11px;
						display:inline-block;
						background:url("../images/wasp.png") -787px -84px no-repeat;
					}
				}	
			}
			.search{
				height:33px;
				input{
					float:left;
                    background:none;
					border:0;
					outline:none;
					width:200px;
					height:27px;
					border: 1px solid #737373;
					padding-left:5px;

				}
				button{
					float:left;
					background:none;
					border:0;
					outline:none;
					width:55px;
					height:31px;
					background:url("../images/wasp.png") -746px 0 no-repeat;
					cursor: pointer;
				}
				button:hover{
				   background:url("../images/wasp.png") -746px -33px no-repeat;	
				}
			}
		}
		i{
			width: 34px;
            height: 37px;
			background:url("../images/wasp.png") -380px 0 no-repeat;
			display:inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}
	}
	table{
		margin:20px 0;
		width:100%;
		text-align:center;
		thead{
			th{
				font:20px/1.5 "Microsoft YaHei","Helvetica Neue";
				color:#000;
				padding:10px 0;
			}
		}
		tbody{
			tr{
				&:hover{
					background-color:#fff;
				}
				td{
					&:nth-child(1){
					   width:10%;
                       font:48px/1.5 "NSimSun","Microsoft YaHei","Helvetica Neue";
                       font-style:italic;
					}
					&:nth-child(2){
					   width:20%;
                       img{
                       	   float:left;
                       }
                       .text{
                       	   margin-left:100px;
                       	   h4{
                             text-align:left;
                             font-size:14px;
                       	   }
                       	   h5{
                       	   	  text-align:left;
                       	   	  font-size:12px;
                       	   }
                       	   p{
                       	   	  text-align:left;
                       	   	  font-size:14px;
                       	   	  width: 200px;
						      text-overflow: ellipsis;
						      overflow: hidden;
						      white-space: nowrap;
                       	   }
                       }
					}
				}
				&:nth-child(1){
					td{
						&:nth-child(1){
		                   color:#bc0000;
						}
					}
				}
				&:nth-child(2){
					td{
						&:nth-child(1){
		                    color:#bc0000;
						}
					}
				}
				&:nth-child(3){
					td{
						&:nth-child(1){
		                    color:#bc0000;
						}
					}
				}	
			}
			td{
				padding:10px 0;
				font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
				color:#3e3e3e;
				text-align:center;
				vertical-align:middle;
			}
		}
	}
}
//微信成功案例
.WeChat-success-title{
	i{
		width:50px;
		height:37px;
		background:url("../images/wasp.png") -514px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
	p{
		height:33px;
	}
}
.WeChat-success-container{
	.WeChat-success-nav{
		width: 600px;
	    height: auto;
	    overflow: hidden;
	    margin:25px auto;
	    li{
	    	margin:0 10px;
	    	float: left;
		    width: 100px;
		    color: #6f6f6f;
		    font: 18px/2 "Microsoft YaHei","Helvetica Neue";
		    text-align: center;
		    cursor: pointer;
	    }
	    .active{
	    	color: #000;
	    	font-weight:bold;
	    	border-bottom:3px solid #000;
	    }
	}

	// .success-all{
	// 	padding:50px 0;
	// 	height: auto;
	//     overflow:hidden;
	// 	.success-list{
	// 		display:none;
	// 		>a{
	// 			display: block;
	// 			font:18px/2 "Microsoft YaHei","Helvetica Neue";
 //                text-decoration:none;
 //                text-align:right;
 //                color:#363636;
	// 		}
	// 	}
	//    .success-img-text{
	//    	   float:left;
	//    	   width:595px;
	//    	   height: auto;
	//        overflow:hidden;
	//    	   background-color:#ececec;
	//    	   &:hover{
	//    	   	  background-color:#ffb904;
	//    	   	  margin-left:14px;
	//    	   	  color:#fff;
	//    	   	  margin-left:0;
	//    	   	  .text{
	//    	   	  	h3{color:#fff}
	//    	   	  	h6{border:1px solid #fff;color:#fff}
	//    	   	  	p{color:#fff}
	//    	   	  }
	//    	   }
	//    	   &:nth-child(2n){
	//    	   	margin-left:10px;
	//    	   }
 //           img{
 //           	   float:left;
 //           	   width:288px;
 //           	   height:341px;
 //           }
 //           .text{
 //           	  margin-left:298px;
 //           	  padding:10px 10px 10px 0;
 //           	  h3{
 //                   font:bold 18px/1.2 "Microsoft YaHei","Helvetica Neue";
 //                   margin-bottom:20px;
 //                   color:#1e1e1e;
 //           	  }
 //           	  h6{
 //                  font:bold 14px/1.5 "Microsoft YaHei","Helvetica Neue";
 //                  border:1px solid #000;
 //                  display:inline-block;
 //                  padding:0 5px;
 //                  margin:10px 0;
 //                  color:#1e1e1e;
 //           	  }
 //           	  p{
 //                  font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
 //                  color:#1e1e1e;
 //           	  }
 //           }
 //        }
 //    }



   	.new-successful-text-all{
	    >div{
	    	margin-top:30px;
	    	padding:20px 30px;
	        display: none;
	        background-color:#f1f5f5;
	        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff9b90a,endColorstr=#7ff9b90a); 
        h2{
            color: #000;
		    font:italic 24px/2 "Microsoft YaHei","Helvetica Neue";
		    text-align: center;
		    margin-bottom:20px;
        }
        .content{
        	height:auto;
        	overflow:hidden;
           .l{
           	 width:305px;
           	 height:430px;
           	 overflow:hidden;
           	 float:left;
           	}
           .r{
           	  margin-left:365px;
              h3{
              	position:relative;
              	font:18px/1.4 "Microsoft YaHei","Helvetica Neue";
              	border-bottom:1px solid #ccc;
              	margin-bottom:5px;
              	>i{
              		position:absolute;
              		left:0;
              		bottom:-1px;
              		width:74px;
              		height:1px;
              		background-color:#ffbe17;
              	}
              }
              p{
              	font:16px/24px "Microsoft YaHei","Helvetica Neue";
              	color:#555;
              	a{
              		float:right;
              		font:14px/24px "Microsoft YaHei","Helvetica Neue";
              		color:#8c8c8c;
              		text-decoration:none;
              	}
              }
              .rL{
              	margin-top:50px;
              	float:left;
              	width:370px;
              	p{
              		width:90%;
              	}
              }
              .rR{
              	margin-top:50px;
              	float:left;
              	width:370px;
              	margin-left:39px;
              	.list{
              		margin:10px 0;
              		width:100%;
              		height:auto;
              		overflow:hidden;
              		i{
              			display: block;
                        float: left;
              			width: 45px;
              			height:45px;
              			background-image:url("../images/wasp.png");
              			background-repeat: no-repeat;  
              		}
              		.i1{background-position:-204px -509px;}
              		.i2{background-position:-257px -509px;}
              		ul{
              			margin-left: 70px;
              			li{
                  			float: left;
                  			width:100px;
                  			p{font:14px/24px "Microsoft YaHei","Helvetica Neue";text-align:center;color:#555;}
                  			h4{font:22px/24px "Microsoft YaHei","Helvetica Neue";text-align:center;color:#555;}
                  		}
              		} 
              	}
              }
              .rB{
              	margin-top:50px;
              	float:left;
              	width:100%;
              	height:auto;
              	overflow:hidden;
              	dl{
              		margin-top:10px;
              		dd{
                  		float: left;
                  		width: 33.3333%;
                  		font:14px/40px "Microsoft YaHei","Helvetica Neue";
                  		color:#555;
                        i{
                        	float:left;
                        	width:40px;
                        	height:40px;
                        	margin-right:10px;
                        	border-radius:100%;
                        	border:1px solid #ccc;
                        	overflow: hidden;
                        	img{
                        		width:100%;
                        		height: 100%;
                        		overflow: hidden;
                        	}
                        }
                  	}
              	}
              }
           }
        }
    }
}





}
//微博页面microblog
.Micro-blog{
	.microblog-container{
		background:#fff;
		.microblog{
			padding:10px;
			width:394px;
			height:auto;
			float:left;
			margin:0 10px 10px 0;
			background-color:#f5f5f5;
			border:1px solid #f5f5f5;
			&:nth-child(3n){
				margin-right:0;
			}
			&:hover{
				background-color:#fff;
				border:1px solid #f49000;
			}
			.top{
				height:auto;
			}
			.left{
				width:160px;
				float:left;
				.name{
					height:auto;
			        overflow:hidden;
			        margin-bottom:5px;
			       .handImg{
						position:relative;
						float:left;
						width: 80px;
					    height: 80px;
					    border: 3px solid #fff;
						border-radius:100%;
						i{
                            position: absolute;
						    right: 5px;
						    bottom: 0;
						    display: block;
						    width: 14px;
						    height: 14px;
						    border: 1px solid #fff;
						    background-color: #ffa200;
						    border-radius: 100%;
						    font: bold 10px/.9 "Microsoft YaHei","Helvetica Neue";
						    color: #fff;
						    text-align: center;
						}
                        img{
                        	width: 100%;
                            height: 100%;
                        	border-radius:100%;
                        }
					}
					.text{
						margin-left:90px;
					}
					h3{
						color:#ffb400;
						font: 18px/2 "Microsoft YaHei","Helvetica Neue";
					}
					p{
						i{

						}
						font: 12px/1.5 "Microsoft YaHei","Helvetica Neue";
						color:#666;
					}
				}
				p{
					font: 14px/1.2 "Microsoft YaHei","Helvetica Neue";
					color:#404040;
					margin-bottom:5px;
				}
				dl{
					height: auto;
                    overflow: hidden;
					dd{
						float:left;
						width:60px;
						p{
							font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
							color:#404040;
						}
						.color{
							color:#ffb400;
							font-weight:bold;
						}
					}
				}
			}
			.right{
				float:left;
			}
			a{
				margin:220px auto 0;
			    display: block;
			    width:100px;
			    background-color: #ffb800;
			    font: 14px/2 "Microsoft YaHei","Helvetica Neue";
			    text-decoration: none;
			    color: #fff;
			    text-align:center;
			}
		}
		.a{
		   margin-bottom:20px;
		   margin-right:10px;
		   font:14px/2 "Microsoft YaHei","Helvetica Neue";
	       float: right;
	       text-decoration:none;
	       color:#666;
		}
	}
}
//媒体焦点推荐
.foci-title{
	h3{
		width:280px;
		border-bottom:2px solid #e8edef;
	}
	p{
		margin-left:330px;
	}
	i{
		width:50px;
		height:37px;
		background:url("../images/wasp.png") -557px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.foci{
	width:100%;
	height:auto;
	padding:60px 0 40px 0;
	background-color:#e8edef;
	.foci-nav{
		width:750px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:150px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.foci-text-all{
		.foci-text-list{
			display:none;
			ul{
				height: auto;
	            overflow:hidden;
				li{
				   margin:0 20px 20px 20px;
                   float:left;
                   width:360px;
                   text-align:center;
                   img{
                   	width:300px;
                   	height:350px;
                   }
                   p{
                   	  font:18px/2 "Microsoft YaHei","Helvetica Neue";
                   }
				}
			}
		}
	}
}
//foci-success成功案例
.foci-success-container{
   padding:30px;
}
.foci-success-nav{
	margin-bottom:40px;
	float:left;
	li{
		width:100px;
		font:14px/2 "Microsoft YaHei","Helvetica Neue";
		color:#666;
		text-align:center;
		cursor:pointer;
		margin-top:40px;
	}
	.active{
       color:#f9b90a;
	}
}
.foci-success-all{
	margin-left:220px;
	.foci-success-list{
		display:none;
		.fociTitle{
			margin-bottom:40px;
			h2{
               font:18px/2 "Microsoft YaHei","Helvetica Neue";
               color:#333;
               text-align:center;
			}
			a{
               font:14px/2 "Microsoft YaHei","Helvetica Neue";
               float: right;
               text-decoration:none;
               color:#666;
               margin-top:-30px;
			}
		}
		.content{
			margin-bottom:40px;
			.left{
				float:left;
				width: 324px;
				h3{
					font:bold 16px/2 "Microsoft YaHei","Helvetica Neue";
					color:#333;
				}
				p{
					font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
					color:#666;
					text-indent:2em;
					margin-bottom:5px;
				}
			}
			.right{
				margin-left:354px;
				h4{
					font:bold 16px/2 "Microsoft YaHei","Helvetica Neue";
					color:#333;
				}
				p{
					font:14px/1.2 "Microsoft YaHei","Helvetica Neue";
					color:#666;
				}
			}
		}
		.resource{
			height: auto;
			overflow: hidden;
			h4{
				font:bold 16px/2 "Microsoft YaHei","Helvetica Neue";
				color:#333;
				margin-bottom:10px;
			}
			ul{
				li{
					float:left;
					text-align:center;
					margin-left:60px;
					img{
						width:50px;
						height:50px;
						border-radius:100px;
						border:1px solid #ccc;
					}
					p{
						font:14px/2 "Microsoft YaHei","Helvetica Neue";
						color:#666;
					}
					a{
						font:14px/2 "Microsoft YaHei","Helvetica Neue";
		               	text-decoration:none;
		               	color:#666;
		               	border:1px solid #ccc;
		               	padding:0 3px;
					}
				}
			}
		}
	}
}
//specialist媒介专家
.specialist{
	.specialist-page{
         padding:60px 0;
         .specialist-list{
         	margin: 10px 10px 0;
         	&:nth-child(2n) {
			    margin-top: 50px;
			}
         }
	}
	a{
	   margin-top:20px;
	   margin-right:10px;
	   font:14px/2 "Microsoft YaHei","Helvetica Neue";
       float: right;
       text-decoration:none;
       color:#666;
	}
}
//video
.video-title{
	i{
		width:40px;
		height:35px;
		background:url("../images/wasp.png") -170px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.video-title1{
	i{
		width:40px;
		height:35px;
		background:url("../images/wasp.png") -220px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
}
.video-page{
    width:100%;
	height:auto;
	padding:100px 0 40px 0;
	background-color:#fff;
	.video-nav{
		width:918px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:102px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.video-all{
		.video-list{
			height: auto;
	        overflow:hidden;
			display:none;
			background-color:#969696;
			margin: 0 3px;
			.v-img-name{
				float:left;
				width:480px;
				background-color:#d9d9d9;
				font-size:0;
				.left{
					position:relative;
                    float:left;
                    i{
                    	position:absolute;
                    	display:block;
                    	top:50%;
                    	left:50%;
                    	width:85px;
                    	height:45px;
                    	margin:-22.5px 0 0 -42.5px;
                    	background:url("../images/wasp.png") -715px -416px no-repeat;
                    	cursor:pointer;
                    }
				}
				.right{
					padding:30px 0 0 20px;
                    margin-left:240px; 
                    height:183px;
                    h3{
                    	font:bold 18px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    } 
                    p{
                    	font:14px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    	strong{
                    		font-weight: bold;
                    		color:#ff8a00;
                    	}
                    }
                    a{
					    display: block;
					    width: 86px;
					    height: 30px;
					    background-color: #ffbe17;
					    font: 13px/30px "Microsoft YaHei","Helvetica Neue";
					    color: #000;
					    text-align: center;
					    text-decoration: none;
                    }
				}
			}
			.v-more{
				float:left;
				width: 238px;
			    height: 183px;
			    display: block;
			    background-image: url("../images/more.png");
			    background-repeat: no-repeat;
			    background-position: 0 0;
			    &:hover{
			    	background-position: 0 -183px;
			    }
			}
			.v-img-name-b{
				float:left;
				width:480px;
				background-color:#d9d9d9;
				font-size:0;
				.left{
					padding:30px 0 0 20px;
                    float:left;
                    height:183px;
                    h3{
                    	font:bold 18px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    } 
                    p{
                    	font:14px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    	strong{
                    		font-weight: bold;
                    		color:#ff8a00;
                    	}
                    }
                    a{
					    display: block;
					    width: 86px;
					    height: 30px;
					    background-color: #ffbe17;
					    font: 13px/30px "Microsoft YaHei","Helvetica Neue";
					    color: #000;
					    text-align: center;
					    text-decoration: none;
                    }
				}
				.right{
					position:relative;
					margin-left:240px;  
                    i{
                    	position:absolute;
                    	display:block;
                    	top:50%;
                    	left:50%;
                    	width:85px;
                    	height:45px;
                    	margin:-22.5px 0 0 -42.5px;
                    	background:url("../images/wasp.png") -715px -416px no-repeat;
                    	cursor:pointer;
                    }
				}			
			}
			.active{
				background-color:#585858;
				.left{
                    i{
                    	background:url("../images/wasp.png") -715px -477px no-repeat;
                    }
				}
				.right{
                    h3{
                    	color:#fff;
                    } 
                    p{
                    	color:#fff;
                    	strong{
                    		color:#fff;
                    	}
                    }
				}
			}
			.active{
				background-color:#585858;
				.left{
                    h3{
                    	color:#fff;
                    } 
                    p{
                    	color:#fff;
                    	strong{
                    		color:#fff;
                    	}
                    }
				}
				.right{
                    i{
                    	background:url("../images/wasp.png") -715px -477px no-repeat;
                    }
				}
			}
		}
	}
	.video-nav1{
		width:918px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:102px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.video-all1{
		.video-list1{
			height: auto;
	        overflow:hidden;
			display:none;
			background-color:#969696;
			margin: 0 3px;
			.v-img-name{
				float:left;
				width:480px;
				background-color:#d9d9d9;
				font-size:0;
				.left{
					position:relative;
                    float:left;
                    i{
                    	position:absolute;
                    	display:block;
                    	top:50%;
                    	left:50%;
                    	width:85px;
                    	height:45px;
                    	margin:-22.5px 0 0 -42.5px;
                    	background:url("../images/wasp.png") -715px -416px no-repeat;
                    	cursor:pointer;
                    }
				}
				.right{
					padding:30px 0 0 20px;
                    margin-left:240px; 
                    height:183px;
                    h3{
                    	font:bold 18px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    } 
                    p{
                    	font:14px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    	strong{
                    		font-weight: bold;
                    		color:#ff8a00;
                    	}
                    }
                    a{
					    display: block;
					    width: 86px;
					    height: 30px;
					    background-color: #ffbe17;
					    font: 13px/30px "Microsoft YaHei","Helvetica Neue";
					    color: #000;
					    text-align: center;
					    text-decoration: none;
                    }
				}
			}
			.v-more{
				float:left;
				width: 238px;
			    height: 183px;
			    display: block;
			    background-image: url("../images/more.png");
			    background-repeat: no-repeat;
			    background-position: 0 0;
			    &:hover{
			    	background-position: 0 -183px;
			    }
			}
			.v-img-name-b{
				float:left;
				width:480px;
				background-color:#d9d9d9;
				font-size:0;
				.left{
					padding:30px 0 0 20px;
                    float:left;
                    height:183px;
                    h3{
                    	font:bold 18px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    } 
                    p{
                    	font:14px/2 "Microsoft YaHei","Helvetica Neue";
                    	color:#000;
                    	strong{
                    		font-weight: bold;
                    		color:#ff8a00;
                    	}
                    }
                    a{
					    display: block;
					    width: 86px;
					    height: 30px;
					    background-color: #ffbe17;
					    font: 13px/30px "Microsoft YaHei","Helvetica Neue";
					    color: #000;
					    text-align: center;
					    text-decoration: none;
                    }
				}
				.right{
					position:relative;
					margin-left:240px;  
                    i{
                    	position:absolute;
                    	display:block;
                    	top:50%;
                    	left:50%;
                    	width:85px;
                    	height:45px;
                    	margin:-22.5px 0 0 -42.5px;
                    	background:url("../images/wasp.png") -715px -416px no-repeat;
                    	cursor:pointer;
                    }
				}			
			}
			.b-right{
				margin-left:238px;
			}
			.active{
				background-color:#585858;
				.left{
                    i{
                    	background:url("../images/wasp.png") -715px -477px no-repeat;
                    }
				}
				.right{
                    h3{
                    	color:#fff;
                    } 
                    p{
                    	color:#fff;
                    	strong{
                    		color:#fff;
                    	}
                    }
				}
			}
			.active{
				background-color:#585858;
				.left{
                    h3{
                    	color:#fff;
                    } 
                    p{
                    	color:#fff;
                    	strong{
                    		color:#fff;
                    	}
                    }
				}
				.right{
                    i{
                    	background:url("../images/wasp.png") -715px -477px no-repeat;
                    }
				}
			}
		}
	}
}
.bee-index-video.bee-index{
	table{
		tbody{
			tr{
				td{
					&:nth-child(2){
						width:15%;
						img{
							float:inherit;
						}
					}
				}
			}
		}
	}
}
//v-success微信成功案例
.v-success-title{
	i{
		width:40px;
		height:35px;
		background:url("../images/wasp.png") -170px 0 no-repeat;
		display:inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
	p{
		height:33px;
	}
}
.v-success{
    width:100%;
	height:auto;
	padding:100px 0 40px 0;
	background-color:#fff;
	.v-success-nav{
		width:918px;
		height: auto;
	    overflow:hidden;
		margin:20px auto;
		li{
			float:left;
			width:102px;
			color:#000;
			font:18px/2 "Microsoft YaHei","Helvetica Neue";
			text-align:center;
			cursor:pointer;
		}
		.active{
			font-weight:bold;
		}
	}
	.v-success-all{
		.v-success-list{
			height: auto;
	        overflow:hidden;
			display:none;
			background-color:#fff;
			margin: 0 1px;
			.v-it{
				float:left;
				width:390px;
				height: 500px;
				margin-right:15px;
				background-color:#eee;
				&:nth-child(3n){
					margin-right:0;
				}
				.img{
					position: relative;
					img{
						width:100%;
					}
					.con{
						display:none;
						padding-top:20%;
						width:100%;
						height:100%;
						position: absolute;
					    top:0;
					    left:0;
					    background:rgba(0,0,0,.8);
					    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);  //兼容IE8
					}	
					i{
						margin:0 auto 10px;;
						display:block;
					    width: 85px;
					    height: 45px;
					    background: url("../images/wasp.png") -715px -416px no-repeat;
					    cursor: pointer;
					}
					a{
						margin:0 auto;
						display:block;
						width:80px;
						text-decoration:none;
						border:2px solid #fff;
						font:bold 14px/2 "Microsoft YaHei","Helvetica Neue";
						color:#fff;
						text-align: center;
					}
				}
				.content{
					height: auto;
	                overflow:hidden;
					padding:15px 15px 25px 15px;
					h3{
						font:bold 18px/2 "Microsoft YaHei","Helvetica Neue";
						color:#000;
					}
					h4{
                       font:bold 14px/1.2 "Microsoft YaHei","Helvetica Neue";
                       color:#ffb400;
                       margin:5px 0;
                       border:1px solid #ffb400;
                       display:inline-block;
                       padding:2px 5px;
					}
					p{
                       font:12px/1.2 "Microsoft YaHei","Helvetica Neue";
                       color:#737373;
					}
					.content-text{
						float:left;
					}
                    .ct-one{
						width:100%;
						margin-bottom: 20px;
						h4{
							margin-bottom:20px;
							padding:5px;
						}
					}
					.ct-two{
						width:50%;
					}
				}
			}
			.active.v-it{
				background-color:#ffb904;
				.img{
					.con{
						display:block;
					}	
				}
				.content{
					h3{
						color:#fff;
					}
					h4{                
                       color:#fff;
                       border:1px solid #fff;
					}
					p{
                       color:#fff;
					}
				}
			}
			.a{
				display: block;
			    font: 18px/2 "Microsoft YaHei","Helvetica Neue";
			    text-decoration: none;
			    color: #363636;
			    text-align:right;
			}
		}
	}
}
//蜂效应 wasp.html
.beeIndexAnalysis{
  background-color:#e5e5e5;
  height: auto;
  overflow: hidden;
  .Micro-title{
  	h3{
  		border-bottom: 2px solid #e5e5e5;
  	}
  }
}
.Micro-blog.beeIndexAnalysis{
  .microblog-container{
  	background-color:#e5e5e5;
  }
} 
//about
.about{
	padding-top:100px;
	.top{
		height: auto;
	    overflow: hidden;
	}
	.left{
		float: left;
	}
	.content{
		padding-top: 20px;
		margin-left:450px;
		p{
			font:14px/1.5 "Microsoft YaHei","Helvetica Neue";
			color:#000;
			strong{
				font-weight:bold;
				color:#000;
				font-size:18px;
			}
		}
		.English{
			margin-top: 10px;
			line-height:2;
			color:#999;
		}
	}
	.honour{
		font-size: 0;
	    height: auto;
	    overflow: hidden;
		img{
			width:100%;
		}
	}
}
.contact-us{
	width:100%;
	background-color:#e0e0e0;
	padding-bottom:70px;
	.line{
		width:300px;
		height:20px;
		background-color:#000;
		margin:0 auto;
	}
	h2{
        font:bold 28px/1.5 "Microsoft YaHei","Helvetica Neue";
		color:#000;
		text-align:center;
	}
	h3{
		font:16px/1.5 "Microsoft YaHei","Helvetica Neue";
		color:#000;
		text-align:center;
	}
	ul{
		margin:50px auto 0;
		width:984px;
		height: auto;
	    overflow: hidden;
		li{
			float:left;
			width: 228px;
			height:261px;
			background:url("../images/about_b.png") 0 0 no-repeat;
			margin:0 50px;
			cursor: pointer;
		}
		.contact-list1{
			background-position:0 0;
		}
		.contact-list2{
			background-position:-252px 0;
		}
		.contact-list3{
			background-position:-517px 0;
		}
		.active.contact-list1{
			background-position:0 -287px;
		}
		.active.contact-list2{
			background-position:-252px -287px;
		}
		.active.contact-list3{
			background-position:-517px -287px;
		}
	}
}
